<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
  <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'" /> -->
  <!-- <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'" /> -->
  <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
  <title>Hello from Electron renderer!</title>
  <link rel="stylesheet" type="text/css" href="./styles.css">
</head>

<body>
  <h1>你好，Electron！</h1>
  <input type="text" id="myInput" placeholder="输入内容..." autofocus>

  <!-- <h1>Hello from Electron renderer!</h1>
  <p>👋</p>
  <p id="info"></p>
  <button id="btn1">点击</button> -->

  <!-- Title: <input id="title" autofocus /> -->
  <!-- <button id="btn2" type="button">Set</button>

  <button type="button" id="btn3">Open a File</button>
  File path: <strong id="filePath"></strong>

  Current value: <strong id="counter">0</strong>

  <h1>Hello World!</h1>
  <p>Current theme source: <strong id="theme-source">System</strong></p>

  <button id="toggle-dark-mode">Toggle Dark Mode</button>
  <button id="reset-to-system">Reset to System Theme</button>

  <p>Drag the boxes below to somewhere in your OS (Finder/Explorer, Desktop, etc.) to copy an example markdown file.</p>
  <div style="border:2px solid black;border-radius:3px;padding:5px;display:inline-block" draggable="true" id="drag1">
    Drag
    me - File 1</div>
  <div style="border:2px solid black;border-radius:3px;padding:5px;display:inline-block" draggable="true" id="drag2">
    Drag
    me - File 2</div>

  <button id="btn4">复制</button>
  <button id="btn5">粘贴</button>
  <div id="paste-text">复制文本</div> -->

</body>
<script src="renderer.js"></script>

</html>
